/* packageA/pages/orderService/index.wxss */
page {
  background: #f0f4f9;
}

.order-server-container {
  .address-container {
    background-color: #fff;
    margin: 20rpx 30rpx;
    border-radius: 15rpx 15rpx 15rpx 15rpx;
    padding: 25rpx 30rpx;
    position: relative;
    .top-box {
      max-height: 85rpx;
      border-bottom: 2rpx dashed #f6f6f6;
      display: flex;
      padding-bottom: 5rpx;
      .title {
        background: rgba(250, 171, 64, 0.2);
        border-radius: 5rpx 5rpx 5rpx 5rpx;
        font-weight: 500;
        font-size: 24rpx;
        color: #faab40;
        padding: 3rpx 16rpx;
        margin-right: 12rpx;
      }
      .address-value1 {
        width: 100%;
        display: inline-block;
        font-weight: 400;
        font-size: 24rpx;
        color: #000000;
        overflow: hidden; /*超出的部分隐藏起来。*/
        white-space: nowrap; /*不显示的地方用省略号...代替*/
        text-overflow: ellipsis; /* 支持 IE */
      }
    }
    .middle-box {
      margin-top: 5rpx;
      .address-value2-box {
        // margin: 10rpx 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        .address-value2 {
          font-weight: 500;
          font-size: 30rpx;
          color: #000000;
          overflow: hidden; /*超出的部分隐藏起来。*/
          white-space: nowrap; /*不显示的地方用省略号...代替*/
          text-overflow: ellipsis; /* 支持 IE */
        }
      }
    }
    .bottom-box {
      .user-name {
        font-weight: 400;
        font-size: 30rpx;
        color: #000000;
      }
      .phone-number {
        font-weight: 400;
        font-size: 30rpx;
        color: #000000;
        margin-left: 40rpx;
      }
    }
  }
  .order-service-card {
    margin: 0 30rpx;
    padding: 25rpx 30rpx;
    background-color: #fff;
    border-radius: 15rpx 15rpx 15rpx 15rpx;
    .order-service-card-top {
      display: flex;
      align-items: center;
      .card-left-img {
        width: 100rpx;
        height: 100rpx;
        border-radius: 15rpx 15rpx 15rpx 15rpx;
        flex: 0 0 100rpx;
        // display: flex;
        // align-items: center;
      }
      .card-right-box {
        flex: 1;
        margin-left: 20rpx;
        width: calc(100% - 120rpx);
        .line-top-box {
          display: flex;
          justify-content: space-between;
          align-items: center;
          .line-title {
            display: inline-block;
            font-weight: 500;
            font-size: 30rpx;
            color: #000000;
            flex: 1;
            overflow: hidden; /*超出的部分隐藏起来。*/
            white-space: nowrap; /*不显示的地方用省略号...代替*/
            text-overflow: ellipsis; /* 支持 IE */
          }
          .line-price {
            width: 177rpx;
            text-align: right;
            font-weight: 500;
            font-size: 30rpx;
            color: #ff0c0c;
          }
        }
        .line-bottom-box {
          display: flex;
          justify-content: space-between;
          align-items: center;
          .line-dec {
            font-weight: 400;
            font-size: 24rpx;
            color: #999999;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            word-break: break-all; // 注意这个文字多行很重要
            -webkit-box-orient: vertical;
          }
          .line-num {
            font-weight: 500;
            font-size: 24rpx;
            color: #333333;
          }
        }
      }
    }
    .order-service-card-bottom {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-top: 30rpx;
      border-top: 2rpx solid #f6f6f6;
      padding-top: 20rpx;
      .left-service-time-title {
        font-weight: 400;
        font-size: 30rpx;
        color: #333333;
      }
      .select-service-time {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-weight: 400;
        font-size: 24rpx;
        color: #333333;
        .select-service-time-text {
          margin-right: 10rpx;
        }
      }
    }
   
  }
  .button-box {
    // padding:  30rpx;
    position: fixed;
    bottom: 60rpx;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
  }
}


